<template>
  <div
    class="my-line justify-center items-center gap-2 w-full"
  >
  <slot></slot>
  </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue'

const props = defineProps({
  color: { type: String, default: '#e0e0e0' },
  thickness: { type: [String, Number], default: 1 },
  margin: { type: String, default: '16px 0' },
  width: { type: String, default: '100%' },
})
</script>

<style scoped>
.my-line {
  display: inline-flex;
  border: none;
  padding: 0;
  box-sizing: border-box;
  border-radius: 2px;
  transition: background-color 0.2s;
}
</style>
